/*通用*/
*{
    box-sizing: border-box;
}
body,p,ul,li,h1,h2,h6,dd{
    padding:0;
    margin:0;
    list-style: none;
}
.module1,.module3,.module5{
    background:#fff;
}
h1.titleC{
    font-size: 28px;
    color:#000022;
    margin-top:60px;
    text-align: center;
    letter-spacing:3px;
    font-weight:normal;
    font-family: "Microsoft YaHei";
}
ul.titleE{
    
    letter-spacing:1px;
    text-align: center;
    margin:15px 0;
    font-family: "Microsoft YaHei";
}
ul.titleE>li{
    display: inline;
    padding:0 6px;
    font-size:18px ;
}

/*动画*/

.module1 .garden,
.module1 .garden li,
.module1 .garden b,
.module2 li img,
.module2 li div,
.module3 .lump>li,
.scmBox,
.timeBox,
.title1,
.content,
.imgTo,
.module5 .commit img{
    transition:all ease 0.6s;
    -o-transition:all ease 0.6s;
    -ms-transition:all ease 0.6s;
    -moz-transition:all ease 0.6s;
    -webkit-transition:all ease 0.6s;
}
header{
    transition:all ease 0.3s;
    -o-transition:all ease 0.3s;
    -ms-transition:all ease 0.3s;
    -moz-transition:all ease 0.3s;
    -webkit-transition:all ease 0.3s;
}

.carousel li{
    transition:all ease 1s;
    -o-transition:all ease 1s;
    -ms-transition:all ease 1s;
    -moz-transition:all ease 1s;
    -webkit-transition:all ease 1s;
}
/*header*/
header{
	position:fixed;
	top:0;
	width:100%;
	/*overflow:hidden;*/
	z-index:500;
}
header.out{
	top:-1450px;
}
.header1{
    background:#1a242e;
    height:45px;
    width:100%;
}
.header1>div{
    margin:auto;
    max-width:1200px;
}
.header1 p{
    color:#959ba2;
    font-size: 14px;
    letter-spacing:3px;
    height:45px;
    line-height: 45px;
    float:left;
}
.header1 ul{
    float:right;
    border-right:2px solid #111920;
}
.header1 li{
    width:47px;
    height:45px;
    text-align: center;
    float:left;
    line-height: 55px;
    border-left:2px solid #111920;
    cursor: pointer;
}
.header1 #wb{
	background:url(../img/hd_wb.png) no-repeat center center;
}
.header1 #wx{
	background:url(../img/hd_wx.png) no-repeat center center;
}
.header1 #qq{
	background:url(../img/hd_qq.png) no-repeat center center;
}
.header1 #tb{
	background:url(../img/hd_tb.png) no-repeat center center;
}

.header1 #wb:hover{
	background:#fff url(../img/hd_wbhei.png) no-repeat center center;
}
.header1 #wx:hover{
	background:#fff url(../img/hd_wxhei.png) no-repeat center center;
}
.header1 #qq:hover{
	background:#fff url(../img/hd_qqhei.png) no-repeat center center;
}
.header1 #tb:hover{
	background:#fff url(../img/hd_tbhei.png) no-repeat center center;
}


.header2{
    height:100px;
    padding:9px 0 9px 0;
    background:#fff;
    position:relative;
    box-shadow: 0 2px 5px #888888;
}
.header2>div{
    margin:auto;
    max-width:1200px;
     position:relative;
}
.header2 .logo{
    width:300px;
    height:82px;
    text-align: left;
    display:table-cell;
    vertical-align:middle;
}

.header2 .logo>img{
    max-width:300px;
    max-height:82px;
    cursor: pointer;
}

.header2 .tab{
    float:right;
}
.header2 .tab>li{
    height:82px;
    line-height: 82px;
    text-align: center;
    margin-left:30px;
    font-size: 16px;
    color:#000;
    float:left;
    cursor: pointer;
}
.header2 .search{
    position:relative;
    height:82px;
    margin-left:52px;
    float:right;
    padding-top:31px;
}
.header2 .search>b{
    position:absolute;
    left:0;
    top:31px;
    width:23px;
    height:23px;
    background:url(../img/serch.png) no-repeat center center;
    cursor: pointer;
}
.header2 .search>input{
    width:160px;
    height:24px;
    border-radius: 12px;
    border:1px solid #2d3e50;
    opacity:0;
    padding:0 10px;
    outline: none;
}
.seach{
	margin: auto;
    width:50%;
	max-height:700px;
	overflow:auto;
	position:absolute;
	right:0;
	background:#fff;
	border:1px solid #333;
	padding:5px;
	border-radius:10px;
	display:none;
	z-index:1000;
}
.seach>li{
	width:90%;
	clear:both;
	float:right;
	margin:0;
	padding:10px;
	border-bottom:1px solid #333;
}

/*-****************************************************************/
.carousel{
    width:100%;
    height:665px;
    position:relative;
    background:#fff;
    margin-top:145px;
    z-index: 300;
}
.carousel .banner{
    position: relative;
    overflow: auto;
    
}

.carousel ul>li{
    float:left;

}
.carousel ul>li img{
    width:100%;
    height:665px;
}

.carousel .btn{
    position: absolute;
    top:50%;
    margin-top:-45px;
    width:60px;
    height:90px;
    cursor: pointer;
    z-index: 100;
    display:none;
}
.carousel .btn:hover{
    background-color: rgba(12, 212, 170, 0.61);
}
.carousel .left{

    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    background: url(../img/banner-left.png) rgba(45,62,80,0.6) no-repeat center center;
}
.carousel .right{
    right:0;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    background: url(../img/banner-right.png) rgba(45,62,80,0.6) no-repeat center center;
}

/******************************************************/
.module1{
    border-top:1px solid #fff;
    width:100%;
    height:645px;
}
.module1 .gardens{
    margin:82px auto 0;
    max-width:1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.module1 .gardens>li:first-child{
    margin: 0;
}
.module1 .gardens>li{
    text-align: center;
}
.module1 .garden{
    position:relative;
    width: 132px;
    height:132px;
    border-radius: 50%;
    border:3px solid #dedede;
    margin:auto;
    overflow: hidden;
}
.module1 .garden:hover{
    border:3px solid #e33829;
}
.module1 .garden:hover li:first-child{
    margin-top:-5px;
}
.module1 .garden:hover b{
    bottom:0;
}
.module1 .garden:hover p{
    color:#e33829;
}
.module1 .garden>s{
    display: inline-block;
    width: 116px;
    height:116px;
    border-radius: 50%;
    background: #ebecf0;
    margin:5px;
}
.module1 .garden>ul{
    position: absolute;
    top:0;
    width: 116px;
    height:116px;
    border-radius: 50%;
    margin: 5px;
    overflow: hidden;

}
.module1 .garden>ul>li{
    width: 116px;
    height:116px;
    padding:23px 0;
}
.module1 .garden>ul>li:first-child{
    margin-top:-121px;
}
.module1 .garden b{
    display: inline-block;
    width: 116px;
    height:116px;
    border-radius: 50%;
    background: #e33829;
    margin:5px;
    position:absolute;
    bottom:-130px;
    left:0;
}

.module1>.gardens p{
    margin-top:25px;
    font-size: 18px;
    color:#424953;
}
.module1>div:nth-child(3){
    height:60px;
    margin:45px auto 0;
    width:750px;
    overflow: hidden;
}
.module1 .SName{
    text-align: center;
    font-size: 18px;
    color:#424953;
    line-height: 30px;
}
.module1 .SName>li{
    height:60px;
    overflow: hidden;
}

/*********************************************/
.module2{
    border-top:1px solid #fff;
    height:462px;
    width:100%;
    background:url(../img/scback.jpg) no-repeat;
    background-size:100% 100%;
    padding:60px 0 6px;
}
.module2>ul{
    margin:auto;
    max-width:1200px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.module2 li{
    position:relative;
    width:271px;
    height:165px;
    margin-bottom:36px;
    overflow: hidden;
    cursor: pointer;
}
.module2 li:hover img{
    transform: scale(1,1);
}
.module2 li:hover div{
    top:0;
}
.module2 li>img{
    width:271px;
    height:165px;
    transform: scale(1.3,1.3);
}
.module2 li>b{
    width:271px;
    height:165px;
    background: rgba(0, 0, 0, 0.75);
    position:absolute;
    top:0;
    z-index:10;
}
.module2 li>div{
    width:271px;
    height:165px;
    background: url(../img/scback1.png) no-repeat;
    background-size: 100% 100%;
    position:absolute;
    top:-170px;
    z-index:20;
}
.module2 li>p{
    position: relative;
    top:-118px;
    width:200px;
    height:70px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    line-height: 35px;
    font-size: 24px;
    color:#fff;
    /* font-family: "lishu"; */
    font-family:"Source Han Sans CN";
    z-index:30;
}

/*****************************************/
.module3{
    border-top:1px solid #fff;
}
.module3>div:last-child{
    max-width:1256px;
    height:492px;
    margin:auto;
    overflow: hidden;
}
.module3 .lump{
    height:492px;
    padding:78px 20px 129px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.module3 .lump>li{
    width:284px;
    height:269px;
    text-align: center;
    border:7px solid #fff;
    border-radius: 7px;
    overflow: hidden;
    cursor: pointer;
    margin-right:20px;
}
.module3 .lump>li:hover{
    border:7px solid #0cd4aa;
    background: #0cd4aa;
    transform: scale(1.1,1.1);
}
.module3 .lump>li:hover div{
    background: rgb(45, 62, 80);
}
.module3 .lump>li:hover h6:first-child{
    color:#fff;
}
.module3 li>img{
    width:270px;
    height:197px;
    vertical-align: text-bottom;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}
.module3 li>div{
    width:271px;
    height:58px;
    background: #eeeeee;
    padding:10px 14px;
    text-align: left;
    font-size: 14px;
    color: rgb(140, 140, 140);
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
.module3 li>div>h6{
    height:16px;
    width:150px;
    overflow: hidden;
    margin-top:3px;
}
.module3 li>div>h6:last-child{
	font-weight: inherit;
}
.module3 li>div>b{
    display:inline-block;
    height:11px;
    width:18px;
    background: url(../img/xia.png) no-repeat center center;
    float:right;
    margin-right:10px;
    margin-bottom:-10px;
}


/****************************************************/
.module4{
    border-top:1px solid #fff;
    height:620px;
    background: url(../img/scmback.jpg) no-repeat;
    background-size: 100% 100%;
}
.module4>ul{
    margin:68px auto 156px;
    max-width:1200px;
    display: flex;
    justify-content: space-between;
    color:#fff;
}

.scmBox:hover{
    box-shadow:0.6px 0.6px 20px #000000;
}

.scmBox:hover .timeBox{
    top:-100px;
}

.scmBox:hover .title1{
    top:0;
    font-size: 16px;
    text-align: center;
    margin:24px 27px;
    width:205px;
    height:20px;
}


.scmBox:hover .imgTo{
    bottom: -50px;
}

.scmBox:hover .content{
    bottom: 0;
}

.scmBox{
    position:relative;
    width:260px;
    height:295px;
    border-radius: 8px;
    overflow: hidden;
    cursor:pointer;
}
.scmBox:hover .subTitle1{
	display:none;
}

.timeBox{
    position:relative;
    top:0;
    width:73px;
    height:73px;
    border:1px solid #fff;
    border-radius:6px;
}
.timeBox h3{
    padding:10px 0 6px;
    font-size:21px;
    font-weight:normal;
    text-align: center;
}
.timeBox p{
    padding-left:9px;
    font-size: 12px;
    
}

.title1{
    width:150px;
    height:16px;
    position:absolute;
    top:73px;
    margin:24px 0;
    font-size: 12px;
    overflow: hidden;
    opacity: 1;
    font-weight:bold;
}
.subTitle1{
    width:210px;
    height:70px;
    margin-bottom:56px;
    text-align: justify;
    font-size: 10px;
    position: absolute;
    top:135px;
    line-height: 25px;
    overflow: hidden;

}
.imgTo{
    position: absolute;
    bottom: 0;
}
.content{
    box-sizing: border-box;
    padding:26px 30px;
    line-height: 24px;
    font-size: 14px;
    background: rgba(140,140,140,0.2);
    width:260px;
    height:222px;
    position: absolute;
    bottom: -300px;

}
.content>p{
    width:200px;
    height:165px;
    overflow: hidden;
   text-align: justify;
}

/********************************/

.module5{
    height:483px;
    border-top:1px solid #fff;
}
.module5>div:last-child{
    max-width:1200px;
    margin:auto;
    margin-top:68px;
}
.module5 .contact{
    width:400px;
    float:left;
}
.module5 .contact ul:first-child{
    margin-bottom:25px;
}
.module5 .contact li{
    height:30px;
    margin-bottom:36px;
    cursor: pointer;
}
.module5 .contact li:hover b{
    background-color: #0cd4aa;
    width:25px;
    height:25px;
}
.module5 .contact li:hover s{
    background-color: #0cd4aa;
    width:25px;
    height:25px;
}
.module5 .contact ul>li:last-child{
    margin-bottom:0;
}
.module5 .contact b{
    width:30px;
    height:30px;
    display:inline-block;
    background:url(../img/ctuimg1.png) #db382c no-repeat center center;
    vertical-align: text-bottom;
    float:left;
}
.module5 .contact s{
    width:30px;
    height:30px;
    display:inline-block;
    background:url(../img/phone.png) #db382c no-repeat center center;
    vertical-align: text-bottom;
    float:left;
}
.module5 .contact p{
    margin-left:68px;
    height:30px;
    line-height: 30px;
    font-size: 14px;
}
.module5 .commit{
    float:right;
    position: relative;
}
.module5 .commit input[type='text']{
    width: 358px;
    height:34px;
    border:1px solid #002a52;
    margin-right:10px;
    margin-bottom:16px;
    padding:10px;
    font-size: 14px;
    color:#bcbcbc;
}
.module5 .commit textarea{
    width:731px;
    height:100px;
    border:1px solid #002a52;
    padding:10px;
    font-size: 14px;
    color:#bcbcbc;
    display: block;
    margin-bottom:28px;
}
.module5 .commit button[type='button']{
    width:731px;
    height:40px;
    background: rgba(0, 42, 82, 0.6);
    padding:10px;
    border:1px solid #fff;
    border-radius: 1px;
    font-size: 16px;
    color:#fff;
    letter-spacing:3px;
    cursor: pointer;
    position:relative;
    outline: none;
}
.module5 .commit img{
	position:absolute;
	top:0;
	left:-100px;
}
.module5 .commit button:hover img{
	left:700px;
}
div[name='mod']{
    width:300px;
    height:30px;
    border-radius: 20px;
    text-align: center;
    padding:5px;
    background:rgba(0,0,0,0.7);
    color:#fff;
    position:absolute;
    top:50px;
    left:50%;
    margin-left:-150px;
    display:none;
}

/*******************************************/
.footer1{
    padding-top:43px;
    height:276px;
    background:#111a22;
}
.footer1>div{
    margin:auto;
    max-width:1200px;
}
.footer1 dl{
    color:#fff;
    margin-left:128px;
    float:left;
}
.footer1 dl:first-child{
    margin-left:0;
}
.footer1 dt,.footer1 h2{
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    margin-bottom:33px;
}
.footer1 dd{
    font-size: 14px;
    cursor: pointer;
    padding:4px 0;
     letter-spacing:2px;
}
.footer1>div>div{
    float:right;
}
.footer1>div>div li{
    float:left;
    margin-right:70px;
    margin-top:9px;
}
.footer1>div>div img{
    width:113px;
    height:113px;
    vertical-align: text-bottom;
}
.footer2{
    height:62px;
    background:#19242f;
}
.footer2 h1{
    height:62px;
    line-height: 62px;
    margin:auto;
    max-width:1200px;
    font-size: 14px;
    color:#fff;
    font-weight: inherit;
}


/*******************************************/
.open{
    height:86px;
    background: rgba(75, 75, 75, 0.4);
    position:relative;
}
.open>b{
    display: inline-block;
    width:100%;
    height:24px;
    background:url(../img/qu.png) no-repeat center -2px;
    z-index:200;
}
.open>s{
    display: inline-block;
    position:absolute;
    bottom: 0;
    width:100%;
    height:34px;
    background:url(../img/footer_img1.png) no-repeat center top;
   z-index:200;
}
.open>div{
    width:102px;
    text-align: center;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-51px;
    cursor: pointer;
    z-index:200;
}
.open>div>p{
   position: relative;
    left:50%;
    margin-left:-15px;
    width:30px;
    height:16px;
    background:url(../img/jian_shang.png) no-repeat center center;
    z-index:200;
}
.open>div>h1{
    font-size: 16px;
    color:#fff;
    margin-top:20px;
    font-weight: inherit;
    letter-spacing:1px;
    z-index:200;
}

/********************************************/
.map{
   	z-index:-100;
    height:586px;
    width:100%;
    position:absolute;
    bottom:0;
   
}
/******************************************************/
#up{
    background:rgba(0,0,0,0.7);
    position:fixed;
    bottom:100px;
    right:100px;
    width:50px;
    height:50px;
    border-radius: 10px;
    z-index: 1000;
    cursor: pointer;
    display:none;
}
#up div{
    width:15px;
    height:15px;
    border-top:5px solid #fff;
    border-right:5px solid #fff;
    margin:18px;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); 	/* IE 9 */
    -moz-transform:rotate(-45deg); 	/* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    -o-transform:rotate(-45deg); 	/* Opera */
}